<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/HomeTemplate.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                >
    <ui:define name="body">
        <div class="main-container">

            <h:form id="form">  

                <p:growl id="growl" showDetail="true" life="3000" />  

                <p:dialog id="dialog" header="Change Password" widgetVar="dlg" resizable="false" visible="true">  

                    <h:panelGrid columns="2" cellpadding="5">  

                        <h:outputLabel for="password" value="Current Password:" />  
                        <p:password value="#{loginBean.password}"   
                                    id="password1" required="true" label="password" />  

                        <h:outputLabel for="password" value="New Password:" />  
                        <p:password value="#{loginBean.newPassword}"   
                                    id="password2" required="true" label="password" />  

                        <h:outputLabel for="password" value="Verify Password:" />  
                        <p:password value="#{loginBean.verifyPassword}"   
                                    id="password3" required="true" label="password" />  

                        <f:facet name="footer">  
                            <p:commandButton id="loginButton" value="Change" action="#{loginBean.changePassword()}" update="growl"/>  
                            <p:commandButton id="loginButton2" value="Cancel" update="growl"/>  
                        </f:facet>  
                    </h:panelGrid>  

                </p:dialog>  
            </h:form>  

        </div>
    </ui:define>
</ui:composition>


